<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <script src="jquery\jquery.js"></script>
    <title>Document</title>
    <style>
        *{
            margin: 0;
            padding: 0;
        }
        #box{
            margin: 30px;
            width: 400px;
            border: 1px solid black;
        }
        button{
            margin-top: 10px;
            margin-left: 10px;
        }
        #text{
            margin: 10px;
            width: 380px;
            height: 100px;
            max-height: 400px;
            min-height: 50px;
            border: 1px solid grey;
            font-size: 20px;
            overflow: hidden;
        }
    </style>
    <script>
        $(function(){
            $("#fd").click(function(){
                $("#text").animate({height:"+=100px"},600);
            });
            $("#sx").click(function(){
                $("#text").animate({height:"-=100px"},600);
            });
        });
    </script>
</head>
<body>
    <div id="box">
        <button id="fd">放大</button>
        <button id="sx">缩小</button>
        <textarea id="text">四川信息职业技术学院是经四川省人民政府批准、教育部备案的全省唯一一所电子信息类公办高等职业院校，始建于1976年，隶属于四川省经济和信息化厅，是四川省示范性高职院校、省优质高职院校建设培育单位、国家高技能人才培训基地、全国“职业院校数字校园建设实验校”、四川省教育信息化试点单位。
        </textarea>
    </div>
</body>
</html>


<!-- fadeToggle
fadeTo("slow",0.3)
自定义动画
animate({属性：属性值},"速度",function(){});
停止动画
stop()
判断动画是否正在执行
if($("选择器").is(":animated")) -->
